*{
    margin: 0px;
    padding: 0px;
}
div.center{
    width: 1516px;
    margin: 0 auto;
    /* background-color: #ccc; 
    height: 100px; */
   

}
 header{
   width: 100%; 
   height: 176px;
   /* background-color: red; */
   /* position: fixed;
   top: 0px;  */
 

}
article{
    
    height: 2200px;
    /* background-color: pink; */
    margin-top:-10px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}
/*头部*/
/*头部上面*/
header div{
    height: 50px;
    /* background-color: blue; */
    /* border: 3px solid orange; */
} 
/*头部第一行左侧*/
 header div:first-child{
    background-color: #333;

    
} 
div.center header div.top img{
    margin-top: 15px;
    line-height: 50px;
    margin-left: 215px;
  
}

div.center header div.top:first-child a{
    color: #cc9756;
    font-size: small;
    text-align: center; 
    padding-left: 5px;
    line-height:50px ;
    
    
}
 div.center header div.top span{
    padding-left: 310px;
}


div.center header div.top>a:hover{
    text-decoration: none;
    color: white;
}  
/*头部第一行右侧*/  
.title_right {
    float: right;
    width: 450px;
}
.title_right > ul > li {
    float: left; 
    list-style-type: none;
    
}
.title_right > ul > li div::after {
    content: "";
    height: 10px;
    border-right: 1px solid #ccc; 
    margin-top: 20px;
    margin-right:5 px; 
    width: 1px;
    display: inline-block;
}
.title_right li:last-child div::after {
    border-right: none;
}
.title_right li div {
     display: inline-block;
   
}
div.center header div.top div.title_right li div a{
    color: #ccc; 
    padding: 0 .4em; 
    font-size: 12px;
    
    text-decoration: none;
    
}
div.center header div.top div.title_right li div a:hover{
    color: #ffffff;
}
 .title_right li:first-child a {
    padding-left: 0;
    margin-left: 15px; 
    
} 
.title_right li:last-child a {
    padding-right: 0;
    border-right: none;
    margin-right: 0px;
} 
/* 企业采购,客户服务二级菜单 */
.firm_buy div i,.costomer_service div i{
    font-size: 14px;
    color:#ccc;

}
.firm_buy ul,.costomer_service ul{
    display: none;
    text-align: center;
    box-shadow: 1px 1px 5px #ccc;
    padding: 0 15px;
    box-sizing: border-box;
    list-style-type: none;
}
.firm_buy ul li,.costomer_service ul li {
    border-bottom: 1px solid #dddddd;
    padding: .5em 0;
    color: #9c9c9c;
    font-size: 12px;
    /* width: 70%; */
}
.firm_buy ul li:last-child ,.costomer_service ul li:last-child{
    border-bottom: 0;
}
.firm_buy:hover ul,.costomer_service:hover ul {
     display: block;
    
}
.firm_buy ul li:hover,.costomer_service ul li:hover {
   color: #cc9756;
    
} 
/*/头部上面*/
/*头部下面*/
div.center header div.bottom{
   
    background-color: white;

}
div.center header div.bottom>img{
    width: 212px;
    margin-top: 20px;
    margin-right: 120px;
    float: left;
    margin-left: 205px;
}
div.center header div.bottom>h1.n1{
    width: 460px;
    height: 38px;
    border: 1px solid #cc9756;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    display: block;
    float: left; 
    margin-top: 21px; 
} 
div.center header div.bottom>h1.n1 span{
    color:grey;
    font-weight: 100;
    font-size: small;
    padding-left: 20px;
    display: block;
    line-height: 38px;
  
}  
div.outer div.center header div.bottom>h1.n2{
    width: 75px;
    height: 38px;
    font-weight: 100;
    font-size: 22px;
    background-color: #cc9756;
    border: 1px solid #cc9756;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    display: block;
    padding-left: 30px;
    float: left;
    line-height: 38px;
    margin-top: 21.5px;
    
}
div.outer div.center header div.bottom>h1.n3{
    width: 120px;
    height: 38px;
    border: 1px solid #cc9756;
    border-radius: 20px;
    font-size: 14px;
    display: inline-block;
    margin-top: 21px; 
    margin-left: 40px;
    line-height: 38px;
    padding-left: 20px;
   
   
}
div.outer div.center header div.bottom>h1.n3 span:first-child{
    font-size: 23px;
    color:#cc9756 ;
    
   
}
div.outer div.center header div.bottom>h1.n3 span{
    color:#cc9756 ;
    font-size: 16px;
    line-height: 38px;
   
    
}
div.outer div.center header div.bottom>h1.n3 img{
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-left: 5px;

}
div.center div.header_nav{
    width: 100%;
    height: 50px;
    /* background-color: orange; */
    margin-top: -10px;
    float: left;
    position: sticky;
    top: 0px;
    text-align: center; 
    line-height: 50px;
    font-weight: bolder;
}
div.center div.header_nav pre span.word{
    font-size: 16px;
}
div.center div.header_nav pre span.word:hover{
  color: #cc9756;
}
/*/头部下面*/
/*/头部*/
/*内容*/
/*右侧固定*/
article section.gud1{
    width: 70px;
    height: 364px;
    border: 2px solid #ccc;
    
    position: sticky;
    top: 70px;
    background-color: white;
    float: right;  
}
article section.gud1 div img{
    width: 70px;
    height: 70px;
}
article section.gud1 div span{
   
    font-size: 45px;
    color: #757779;
    margin-left: 10px;
    
    
}
article section.gud1 div a{
    height: 25px;
    font-size: 14px;
    line-height: 25px;
}
article section.gud1 div span:hover,article section.gud1 div a:hover{
color:#b17433 ;
}
article section.gud1 div a.red{
    color: red;
}
/*/右侧固定*/
/*左侧固定热销榜*/
article section{
    width: 110px;
    height: 364px;
    border: 2px solid #ccc;
    margin-left: 30px;
    margin-top: 30px;
    position: sticky;
    top: 70px;
    display: inline-block; 
    background-color: white; 
   

}
article section ul{
    list-style-type: none;
    text-align:center;

}
article section ul li>img{
    width: 30px;
    height: 30px;
   
}
article section ul li>span{
    width: 86px;
    height: 35px;
    font-size: 12px;                
}
article section ul li>span:hover{
     color: red;
}
/*/左侧固定热销榜*/
/*轮播图*/
div.center article  div#datu{
    width: 1516px;
    height: 410px;
    /* border: 1px solid red; */
    margin: 0 auto;
    overflow: hidden; 
}
div.center article div#datu div.move{
    width: 6064px;
    height: 410px;
    /* background-color: red; */
    animation: move;
    animation-duration: 10s;
    animation-timing-function: steps(4);
    animation-iteration-count: infinite;
    
}
div.move div img{
    width: 1516px;
    height: 410px;
    float: left;
    
}
@keyframes move{
    from{
        margin-left: 0px;

    }
    to{
        margin-left: -6064px;
    }
}
/*/轮播图*/
/*新品首发*/
 div.center article div.image span.word1{
     
    font-weight: 800;
    font-size: 25px;
   
    float: left;
    margin-top: -35px;
   
   
     
   
}
span.word1:hover{
    color:#b17433 ;

}
 div.center article div.image span.word2{
    font-size: x-small;
    padding-top: 10px;
    margin-left: 110px;
    margin-top: -30px;
    float: left; 
}  
div.center article div.image{
    width: 1090px;
    height: 265px; 
    margin-left: 215px;
    margin-top: -350px;
}
div.center article div.image>div{
    width: 265px;
    height: 265px;
    background-color: black;
    margin-right: 10px;
    float: left;
}
div.center article div.image>div:last-child{
    margin-right: 0px;
}
div.center article div.image div.image-n1>img{
    width: 265px;
    height: 265px;
    float: left;
    padding-top: 0px;
}
div.center article div.image div.image-n1 div.image-n1-words span.image-n1-word1{
    width: 80px;
    height: 20px;
    background-color: rgba(255, 0, 0, 0.705);
    color: white;
    text-align: center;
    margin-left: 90px;
    font-size: 15px;
    line-height: 20px;
}
div.center article div.image div.image-n1 div.image-n1-words span.image-n1-word2{
    margin-left: 55px;
    font-size: 15px;
   
   
}
div.center article div.image div.image-n1 div.image-n1-words span.image-n1-word3{
    color: rgba(255, 0, 0, 0.582);
    margin-left: 100px;
    font-size: 14px;
}
div.center article div.image div.image-n1 div.image-n1-words span.image-n1-word4{
    color: grey;
    font-size: 11px;
    text-decoration: line-through;
}
div.center article div.image div.image-n1 div.image-n1-words span.image-n1-word2:hover{
    color: #d19354;
}
/*/新品首发*/
/*人气推荐*/
div.tp1{
    width: 1516px;
    height: 760px;
    background-color: #f4f0ea;
    margin-top: 150px;
    margin-bottom: -50px;
}
div.tp1 div.tuijian{
    padding-top: 50px;
    margin-bottom: 30px;
}
div.tp1 div.tuijian span{
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-left: 215px;
    margin-right: 20px;
    float: left;

}
div.tp1 div.tuijian a{
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    margin-right: 50px;
    text-decoration: none;
}
div.tp1 div.tuijian a:hover,div.tp1 div.tuijian span:hover{
    color: #b17433;
    
}
div.tp1 div.tuijian a:active{
    text-decoration: underline;
}
div.tp12{
    width: 1090px;
    height: 570px;
    background-color: #f4f0ea;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
   
}
div.tp12 div.tp124{
     width: 223px;
     height: 570px;
     /* background-color: red; */
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}


div.tp12 div.tp123{
    width: 390px;
}
div.tp12>div.tp124 div{
    width: 223px;
    height: 280px;
    /* background-color: green; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
}
div.tp12 div.tp124 div div:first-child{
    width: 223px;
    height: 180px;
    /* background-color: yellow;
     */
     /* background-color: white; */
}
div.tp12 div.tp124 div div:last-child{
    width: 223px;
    height: 92px;
    /* background-color: white; */
} 
div.tp12 div.tp124 div div:first-child img{
    width: 223px;
    height: 180px;
}

div.tp12 div.tp123 {
    width: 390px;
    height: 570px;
    /* background-color: orange; */
    display: flex;
    justify-content: space-between;
    background-color: white;
   
}
div.tp12 div.tp123 div:first-child{
    width: 390px;
    height: 320px;
    /* background-color: yellow; */
    margin-bottom: 40px;
    margin-top: 30px;
}
div.tp12 div.tp123 div:first-child img{
    width: 390px;
    height: 320px;
}
div.tp12 div.tp123 div:last-child{
    width: 390px;
    height: 150px;
    /* background-color: pink; */

}
div.tp12 div div:last-child p{
    text-align: center;
}
div.tp12 div div:last-child .one_span{
    background-color: #e36844;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: white;
    padding: 0 5px;
    font-size: 14px;
}
div.tp12 div div:last-child p:nth-child(2){
   
    font-size: 14px;
    
    margin: 0 auto;
    line-height:25px ;
    padding-top: 5px;
   
   
}
div.tp12 div div:last-child p:nth-child(2):hover{
    color: #b17433;
}
div.tp12 div.tp123 div:last-child p:nth-child(2){
    width: 248px;
    height: 52px;
    font-size: 18px;
    
    margin: 0 auto;
    line-height:25px ;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom:10px ;
    font-family: "Microsoft Yahei","微软雅黑",verdana;
}
div.tp12 div div:last-child p .three_one{
    color: #d4282d;
    font-size: 18px;
    height: 18px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 20px; 
    
}
div.tp12 div div:last-child p .three_two{
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
    line-height: 1;
   
}
/*/人气推荐*/
/*甄选家*/
div.center article h1.zhen{
    display: inline-block;
    margin-top: 120px;
    margin-right: 20px;
    margin-left: 215px;
}
div.center article span.women{
    font-size: 11px;
    color: rgb(59, 58, 58);
    margin-bottom: 10px;
    
}
div.center article div#photo{
    width: 1090px;
    height: 380px;
    margin-left: 215px;
 
    
}
div.center article div#photo div.left{
    width: 690px;
    height: 380px;
    
    float: left;
    margin-right: 10px;
}
div.center article div#photo div.left>img{
    width: 690px;
    height: 380px;
    padding-top: 0px;
}
div.center article div#photo div.right{
    width: 390px;
    height: 380px;
    
    float: left;
}
div.center article div#photo div.right div{
    width: 390px;
    height: 185px;
    
    
}
div.center article div#photo div.right div.right-top{
    margin-bottom: 10px;
}
div.center article div#photo div.right img{
    width: 390px;
    height: 185px;
    padding-top: 0px;
}
/*/甄选家*/
/*/内容*/
/*尾部*/
/*尾部上面*/
div.center footer{
    width: 1516px;
    height: 568px;
    background-color: white;
   
    
}
div.center footer>div.top{
    width: 1090px;
    height: 300px;
    margin-bottom: -30px;
    margin-left: 245px;
}
div.center footer>div.bottom{
    width: 1516px;
    height: 268px;
    background-color: #414141;
   margin-left: 0px;

}
div.center footer div.top div.top-left,div.center footer div.top div.top-center{
    width: 363.317px;
    height: 204px;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    padding-top: 25px;
    font-size: 14px;
    font-weight: normal;
    float: left;
}
div.center footer div.top div.top-right{
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
}
div.center footer div.top div.top-right>span{
    font-size: 12px;
    color: #cc9756;
}


div.center footer div.top div.top-left>div{
    width: 80px;
    height: 80px;
    border: 1px solid #e8e8e8;
    margin-left: 60px;
    padding-top: 25px;
    float: left;
    text-align: center;
    font-size: 14px;
    
}
div.center footer div.top div.top-left>div:hover{
    color: #cc9756;
}
div.center footer div.top div.top-center div.wangyiyuanchuang{
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    line-height: 20px;
    margin-left: 15px;
}
div.center footer div.top div.top-center div.guanzhuwomen>span.one{
    font-size: 25px;
}
div.center footer div.top div.top-center div.guanzhuwomen>span.two{
    font-size: 25px;
    color: green;
}
div.center footer div.top div.top-center div.guanzhuwomen>span.three{
    color: red;
    font-size: 25px;
}
div.center footer div.top div.top-center div.guanzhuwomen>span.nnn{
    margin-left: 10px;
    line-height: 50px;
    text-align: left;
    padding-left: 0px;
}
div.outer div.center footer div.top div.top-center div.guanzhuwomen{
    text-align: left;
    margin-left: 23px;
}
div.outer div.center footer div.top div.top-center div.guanzhuwomen>span{
    margin-right: 10px;
}
div.cenetr  footer div.top div.top-right p{
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 20px;
}
/*/尾部上面*/
/*尾部下面*/
div.center footer div.bottom{
   margin-top: 30px;
   
}
/*下面第一行*/
div.center footer div.bottom div.bottom1{
    float: left;  
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #807f7fa9;
    text-align: center;
    margin-right: 35px;
   
}
div.center footer div.bottom div.bottom1 span.four{
    color: #ffffff;
    font-size: 40px;
    /* margin-right: 50px; */
    margin-left: 140px; 

    
}   

div.center footer div.bottom h5{
    clear: both;
}    

div.center footer div.bottom div.bottom1 span.five{
    color: #ffffff;
    font-size: 20px;
    margin-right: 50px;
    margin-left: -5px;

    
}
/*/下面第一行*/
/*下面第二行*/
div.center footer div.bottom div.bottom2 a,div.outer div.center footer div.bottom div.bottom2 span{
    color:#807f7fa9;
    text-decoration: none;
    font-size: 10px;
    line-height: 30px;
   margin-bottom: 10px;
     
}
div.center footer div.bottom div.bottom2 a:hover{
    color: white;
}
div.center footer div.bottom div.bottom2>img{
    width: 23px;
    height: 25px;
    line-height: 30px;
    margin-bottom: 10px;
}
/*/下面第二行*/
/*/尾部*/
